<!DOCTYPE html>
<html>
<!--
  (C) by Michael Peter Christen, mc (at) yacy.net
  licensed under a Creative Commons Attribution 2.0 Generic License (CC-BY 2.0)
-->
<head>
  <title id="title">YaCy Search Portal</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--
if you don't see the glyphicons in firefox and you opened this file from a local filesystem,
then a CORS security setting in firefox caused that.
No other browser is that strict and there is no work around. To see the glyphicons in firefox,
open about:config and set security.fileuri.strict_origin_policy to ‘false.’
-->
  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
  <meta name="Content-Language" content="English, Englisch" />
  <meta name="keywords" content="YaCy HTTP search engine spider indexer java network open free download Mac Windows Linux Software development" />
  <meta name="description" content="Software HTTP Freeware Home Page" />
  <meta name="copyright" content="Michael Christen et al." />
  
  <!-- Ensure proper rendering and touch zooming on mobile devices -->
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Bootstrap core CSS -->
  <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <script src="../bootstrap/js/jquery.min.js"></script>
  <script src="../bootstrap/js/bootstrap.min.js"></script>

	<script src="navigation.js" type="text/javascript"></script>

  <!-- Custom styles for this template, i.e. navigation (move this to base.css) -->
  <link href="../css/bootstrap-base.css" rel="stylesheet">

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
    <script src="../bootstrap/js/html5shiv.js"></script>
    <script src="../bootstrap/js/respond.min.js"></script>
  <![endif]-->

  <!-- old css styles -->
  <link rel="stylesheet" type="text/css" media="all" href="../css/base.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="../css/style.css" />
  <!--[if lt IE 6]>
   <link rel="stylesheet" type="text/css" media="screen" href="../css/oldie.css" />
  <![endif]-->
  <!--[if lte IE 6.0]>
   <link rel="stylesheet" type="text/css" media="screen" href="../css/ie6.css" />
  <![endif]-->
  <!--[if lte IE 7.0]>
   <link rel="stylesheet" type="text/css" media="screen" href="../css/ie7.css" />
  <![endif]-->
</head>
<body id="yacysearch">

  <!-- top navigation -->
  <div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a id="homepage" class="navbar-brand" href="http://yacy.net" style="position:absolute;top:-6px;display:inline;white-space:nowrap;">
          <img id="logo" class="yacylogo" src="../images/YaCyLogo2011_60.png" alt="YaCy" style="height:auto; width:auto; max-width:200px; max-height:32px;vertical-align:middle">
        </a>
        <span id="greeting" style="position:absolute;top:12px;left:80px;display:inline;white-space:nowrap;font-size:2em;">Usage of Search Templates</span>
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
          <li id="header_help" class="dropdown">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle"><span class="glyphicon glyphicon-question-sign"></span></a>
            <ul class="dropdown-menu">
              <li id="header_search"><a href="index.html?">Search Page</a></li>
              <li id="header_profile"><a href="about.html?">About This Page</a></li>
              <li id="header_usage"><a href="usage.html?">Usage of this page templates</a></li>
              <li id="header_tutorial"><a href="http://yacy.net/tutorials/">YaCy Tutorials</a></li>
              <li class="divider"></li>
              <li id="header_download"><a href="http://yacy.net" target="_blank"><i>external</i>&nbsp;&nbsp;&nbsp;Download YaCy</a></li>
              <li id="header_community"><a href="http://forum.yacy.de" target="_blank"><i>external</i>&nbsp;&nbsp;&nbsp;Community (Web Forums)</a></li>
              <li id="header_wiki"><a href="http://wiki.yacy.de" target="_blank"><i>external</i>&nbsp;&nbsp;&nbsp;Project Wiki</a></li>
              <li id="header_git"><a href="https://github.com/yacy/yacy_search_server/commits/master" target="_blank"><i>external</i>&nbsp;&nbsp;&nbsp;Git Repository</a></li>
              <li id="header_bugs"><a href="http://bugs.yacy.net" target="_blank"><i>external</i>&nbsp;&nbsp;&nbsp;Bugtracker</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <div class="container">

          <div class="page-header">
            <h1>Search Page Templates for YaCy using bootstrap.css and backbone.js</h1>
            <p class="lead">This is a search web-page template for a <a href="http://yacy.net">YaCy</a> search portal based on the <a href="http://getbootstrap.com">bootstrap.css CSS Framework</a>.
      			It contains a copy of bootstrap.css and web pages for a YaCy Search Portal together with special styles and a JavaScript environment to fetch search results from a YaCy server.</p>
          </div>

          <h2>Run YaCy</h2>
          <p>First, you need a running YaCy Server and you must put in the documents to search.<br/><a href="http://yacy.net">Download YaCy</a></p>

          <h2>Modify the YaCy Server Address</h2>
          <p>Open the file js/setup.js and put in the server address of your YaCy. If you run YaCy with default settings on the same server with these files, then just leave everything as it is.</p>

          <h2>Customize</h2>
          <p>The templates are listed in the top menu. The links to the templates are in yacysearch/navigation.js.
            You may recogize that it is possible to show search results in different ways! ('paragraph' lists, tables with files, download lists, image grids, ..). If you don't like some of these option, remove the call to the corresponding model in explorer.js.</p>
          <p>To change the icon, edit the search template file (i.e. yacysearch/explorer.html). To change colors, edit the file css/yacysearch-portal.css</p>
          <p>Change titles, the name of the search headline and colors as you like. Throw away the other search pages which you don't like and add your own web pages. Just edit the file navigation.js and put in the names of the web pages which shall appear in the top menu.</p>

          <h2>License: (CC-BY 2.0) and GPL2</h2>
          <p>This template collection is licensed under Creative Commons Attribution 2.0 License (CC-BY 2.0). This work is based on the bootstrap.css CSS Framework which is also licensed under (CC-BY 2.0).</p>
          <p>If you use this design, please attribute with a link to searchpage_template_bootstrap.css (<a href="https://github.com/yacy/yacy_webclient_bootstrap">https://github.com/yacy/yacy_webclient_bootstrap</a>),
            the bootstrap.css CSS Framework (<a href="http://getbootstrap.com">http://getbootstrap.com</a>)
            and YaCy (<a href="http://yacy.net">http://yacy.net</a>) as given in the example template.
            You can of course modify the header, texts, icons, colours, styles and everything else as you like.</p>
  </div> <!-- close content container -->

</body>
</html>